<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>Sass:Syntactically Awesome Style Sheets</title>
    <meta content="Syntactically Awesome Style Sheets" name="description">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
   <div class="page">
       <div class="alert stickers">
           <div class="container">
               <p>
                   <strong>Sass stands with trans detainees.</strong>
                   <a href="https://www.tfaforms.com/369889">
                      Donate to the Trans Justice Funding Project. 
                   </a>
               </p>
           </div>
       </div>
       <div class="pop-stripe"></div>
       <header class="banner" role="banner">
           <div class="container">
               <h1 class="site-brand">
                   <a href="http://www.zhuchuli.cn:4000/hexo-theme-huxblog/">
                      <img height="48" src="images/logo-b6e1ef6e.svg" alt="Sass">
                   </a>
               </h1>
               <nav class="navigation collapse" role="navigation">
                    <ul>
                        <li><a href="./install.html">Install</a></li>
                        <li><a href="./guide.html">Learn Sass</a></li>
                        <li><a href="./blog.html">Blog</a></li>
                        <li><a href="./documentation.html">Documentation</a></li>
                        <li><a href="./community.html">Get Involved</a></li>
                        <li><a href="./libsass.html">libSass</a></li>
                    </ul>
               </nav>
               <div class="banner-toggle">
                   <button data-target=".navigation" data-toggle="collapse" type="button">
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                   </button>
               </div> 

           </div>
       </header>
       <div class="page-header">
           <div class="container">
               <h1> CSS with supperpowsers </h1>
           </div>
       </div>
       <div class="index">
          <div class="container">
            <p class="hero-image">
                <img src="images/glasses-2087d741.svg" alt="Glasses">
            </p>
            <p class="introduction"> 
                Sass is the most mature, stable, and powerful professional grade&nbsp;
                <span class="caps">CSS</span> extension  language in the&nbsp;world. 
            </p>
           
          </div>
       </div>
       <div class="alert release">
            <div class="container">
                <ul>
                    <li>Current Release：<span class="release-name">Select Steve（3.4.17）</span></li>
                    <li><a href="documentation/file.SASS_CHANGELOG.html">Release Notes</a></li>
                    <li><a href="https://github.com/sass/sass">Fork on Github</a></li>
                </ul>
            </div>
       </div>
       <section class="section-bottom">
           <div class="container">
               <ul class="list-tiled">
                    <li>
                        <h3>Css Compatible</h3>
                        <p>Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries.</p>
                    </li>
                    <li>
                        <h3>Feature Rich</h3>
                        <p>Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has worked endlessly to not only keep up, but stay ahead.</p>
                    </li>
                    <li>
                        <h3>Mature</h3>
                        <p>Sass has been actively supported for about 14 years by its loving Core Team.</p>
                    </li>
                    <li>
                        <h3>Industry Approved</h3>
                        <p>Over and over again, the industry is choosing Sass as the premier CSS extension language.</p>
                    </li>
                    <li>
                        <h3>Large Community</h3>
                        <p>Sass is actively supported and developed by a consortium of several tech companies and hundreds of developers.</p>
                    </li>
                    <li>
                        <h3>Frameworks</h3>
                        <p>There are an endless number of frameworks built with Sass. Compass, Bourbon, and Susy just to name a few.</p>
                    </li>
               </ul>
           </div>
       </section>
   </div>
   <footer class="contentinfo" role="contentinfo">
        <nav class="container">
            <ul>
                <li class="contentinfo-legal">
                    <p>
                        Sass © 2006–2020  
                        <a href="http://www.hamptoncatlin.com/">Hampton Catlin</a>,
                        <a href="http://next-3.cpm">Natalie Weizenbaum</a>,
                        <a href="http://chriseppstein.github.io/">Chris&nbsp;Eppstein</a>,
                        and&nbsp;numerous&nbsp;contributors.
                    </p>
                    <p>
                        It is available for use and modification under the 
                        <a href="http://sass-lang.com/docs/yardoc/file.MIT-LICENSE.html">MIT&nbsp;License</a>.
                    </p>
                </li>
                <li class="contentinfo-tools">
                    <ul>
                        <li><a href="https://github.com/sass/sass">Sass Repo</a></li>
                        <li><a href="https://github.com/sass/sass-site">Website Repo</a></li>
                        <li><a href="/styleguide">Style Guide</a></li>
                        <li><a href="/community-guidelines">Community Guidelines</a></li>
                        <li><a href="https://gitee.com/chu_li_zhu">Gitee</a></li>
                    </ul>
                </li>
                <li class="contentinfo-social">
                    <a class="twitter-follow-button"  data-show-count="false" data-size="large" href="https://twitter.com/SassCSS">Follow @SassCSS</a>
                </li>
            </ul>
        </nav>
   </footer>
</body>
</html>